html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button,input,textarea{
  margin:0;
  padding:0;
  rder:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  border:none
}

body{
  line-height:1;
  color:#2b2b2b;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}
ol,ul{
  list-style:none
}
blockquote,q{
  quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
  content:'';
  content:none
}
:focus{
  outline:0
}
ins{
  text-decoration:none
}
del{
  text-decoration:line-through; 
}
table{
  border-collapse:collapse;
  border-spacing:0
}
a:link,a:visited{
  color:#2b2b2b;
  text-decoration:none
}
a:hover{
  color: #2faaa5;

}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.w-100{ width: 100%; overflow-x: hidden;}
.wbg{ background-color: #fff;}
.block{ display: block;}
.msfont{ font-family:"微软雅黑";}
.center{ margin:0 auto}
.pull-left{ float:left}
.pull-right{ float:right}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt11{ margin-top:11px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mr5{ margin-right:5px;}
.ml5{ margin-left:5px;}
.ml6{ margin-left:6px;}
.ml10{ margin-left:10px;}
.ml11{ margin-left:11px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.pb65{ padding-bottom: 65px;}
.pt5{ padding-top:5px;}
.pl5{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl40{ padding-left:40px;}
.pl60{ padding-left:60px;}
.pr10{ padding-right:10px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt70{ padding-top:70px;}
.pt56{ padding-top:56px;}
.pb10{ padding-bottom:10px;}
.pb40{ padding-bottom:40px;}
.pb50{ padding-bottom:50px;}
.pb60{ padding-bottom:60px;}
.pb30{ padding-bottom:30px;}
.pb20{ padding-bottom:20px;}
.pd10{ padding:10px;}
.pd20{ padding:20px;}
.p-d20{ padding:0 20px;}
.line24{ line-height: 24px;}
.w800{ width: 800px;}
.w1000{ width: 1000px;}
.colorO{ color:#f19051}
.colorgrey{color: #707070;}
.colorA{ color:#aaaaaa}
.colora0{color: #a0a0a0}
.txtcenter{ text-align: center;}
.txtin{ text-indent: 28px;}
a.colorO{ color:#f19051 !important}
a.colorgrey{color: #707070 !important;}
.w1217{ width:1217px;}
.w1112{ width:1112px;}
.bottom-line{ border-bottom: 1px solid #eaeaea}
.top-line{ border-top: 1px solid #eaeaea}
.box-line{border: 1px solid #eaeaea}
.left-line{border-left: 1px solid #eaeaea}
/*头部*/
#header{ height: 79px;}
#top-nav{ line-height: 32px; text-align: right;}
#top-nav span.line{ padding: 0 5px;}
#navbar{ line-height: 76px;}
#navbar > a{ font-size: 24px; color: #0ea49e; margin-left: 42px; }
#navbar > a:hover,#navbar > a.hover{ text-decoration: none;border-bottom: 4px solid #0ea49e;}
#breadnav{ background-color: #f5f5f5; height: 67px; line-height: 67px; font-size: 13px; text-align: left;}
#headerindex #navbar > a{ font-size: 20px; color: #0ea49e; margin-left: 42px; }
#headerindex #navbar > a:hover,#navbar > a.hover{ text-decoration: none;border-bottom: 4px solid #0ea49e;}
.currentCol{color: #0ea49e}
.font16{ font-size: 16px;}
#selectBox{ height: 138px; background-color: #dcdcdc; font-size: 14px;}
#selectBox .selectItem{ width: 476px; height: 37px; margin-top: 22px; margin-left: 35px;}
#selectBox .selectItem .labels{ display: block; width: 213px; padding-left: 115px; line-height: 37px;}
#selectBox .selectItem .select{ width: 263px; cursor: pointer; height: 37px; border:1px solid #fff; position:relative; line-height: 37px;}
#selectBox .selectItem .larrow{ position: absolute; width: 20px; height: 20px; font-size: 18px; right: 0px; top: 10px;}
#selectBox .selectItem .select .text{ padding-left: 7px;}
#selectBox .selectItem .select .dropmenu{ position: absolute; z-index: 9; display: none; width: 263px; background-color: #dcdcdc;top: 37px; left: 0px;}
#selectBox .selectItem .select .dropmenu li{ height: 37px; padding-left: 7px;}
#selectBox .selectItem .select .dropmenu li:hover{ background-color: #0ea49e; color: #fff; }
#main{ background-color: #f5f5f5; padding-top: 100px; padding-bottom: 200px;}
.flist li{ height: 451px;  width: 539px; float: left; margin-left: 17px;}
.flist li .info{ height: 100px;  padding: 0 12px 0 17px; position: relative; background-color: #fff;}
.flist li .info img{ display: block;}
.flist li .info .htitle{ font-size: 16px; padding-top: 15px;}
.flist li .info .htitle .inline-block{ height: 27px; display: block; float: left; line-height: 27px;}
.flist li .info .text{ font-size: 14px; height: 27px; line-height: 27px;}
.flist li .info .text span{ padding-right: 27px;}
.cred{ color: #ed3e3e}
.flist li .info .price{ position: absolute; font-size: 18px; right: 12px; top: 50px;height: auto;}
.flist li .info .tximg{ position: absolute; width: 80px; height: 80px; display: block; border-radius: 100%; right: 0px; top: -60px}
/*底部*/
.footer1{ height: 353px; background: url(/public/img/bbg.jpg) center #93dbb3; position:  relative;}
.by{ position: absolute; width: 97px; height: 53px; display: block; left: 50%; margin-left: -49px; top: -50px;}
.bnav{ float: right; margin-top: 137px;}
.bnav .tt{ font-size: 18px; line-height: 30px;}
.bnav a{ font-size: 14px;}
.bnav li{ line-height: 25px; width: 75px; text-align: right; margin-left: 37px;}
.footer2{ text-align: center; background-color: #f5f5f5; height: 132px; color: #93dbb3; line-height: 32px;}
.w535{ width: 535px;}
#simg img{ cursor: pointer;}
#demain{ padding-bottom: 80px; background-color: #f5f5f5}
#dsput{ width: 100%; height: 139px; background-color: #dcdcdc;}
#branchimg{ background-color: #f5f5f5; padding-bottom: 5px;}
#line1{ padding-top: 20px; padding-bottom: 30px; background-color: #dcdcdc; height: 87px;}
.datebox{ margin-right: 27px;}
.datebox label{ font-size: 14px; line-height: 37px; padding-right: 21px; font-size: 18px; font-weight: normal;}
.datebox .txt{line-height: 37px; height: 37px;font-size: 14px; width: 262px;  border:1px solid #fff; padding-left: 10px; font-size: 14px;}
#roomnum{ width: 60px;}
#line1 .price{ line-height: 37px; font-size: 18px;}
#cjbtn {
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    font-size: 18px;
    color: #fff;
    background-color: #0ea49e;

  }
#line2{ height: 52px; background-color: #0ea49e; width: 100%; line-height: 52px; font-size: 18px; color: #fff}
#dsput .go{ position: fixed; top:0; width: 100%; z-index: 99}
#scrollpry.go1{position: fixed; top:0; width: 100%; z-index: 99}
#staticposition{ width: 100%; height: 139px;}
#staticposition1{ width: 100%; height: 70px; display: none;}
#line2 li{ float: left; margin-right: 86px;}
#line2 li a:hover{ color: #fff;}
#dec1 .tx{ border-radius: 150%; margin-top: 27px; width: 100px; float: left; }
#dec1 .tx img{ display: block; width: 100px; height: 100px;}
#dec1 .tx p{ font-size: 14px; color: #565a5c; text-align: center; line-height: 30px;}
#dec1 .key{ float: left; margin-left: 50px;  margin-top: 20px;}
#dec1 .key .htt{ font-size: 18px; line-height: 40px;}
#dec1 .key .keyword{ font-size: 14px;line-height: 26px;}
#dec1 .key .keyico li{ width: 60px;text-align: center; font-size: 14px; line-height: 24px; margin-right: 39px; float: left;}
#dec1 .key .keyico li .icon1{ height: 36px; background: url(/public/img/deico.jpg) 10px 0 no-repeat; }
#dec1 .key .keyico li .icon2{ height: 36px; background: url(/public/img/deico.jpg) -93px 0 no-repeat; }
#dec1 .key .keyico li .icon3{ height: 36px; background: url(/public/img/deico.jpg) -191px 0 no-repeat; }
#dec1 .decription{ width: 556px; font-size: 14px; line-height: 24px; float: right; margin-top: 30px; margin-right: 74px;}
#dec1 .decription .fa{border:1px solid #a6a6a6; color: #a6a6a6; padding: 2px; cursor: pointer;}
#dec1{ height: 203px; background-color: #fff}
.f5bg{ background-color: #f5f5f5;}
.coblue,a.coblue{ color: #46b0ab}
#dec2{ font-size: 14px; border-bottom: 1px solid #dce0e0}
.dtable{ width: 1050px; margin-top: 40px;}
.dtable td{ padding: 12px;}
#dec3{ font-size: 14px;border-bottom: 1px solid #dce0e0}
#dec3 .fa{ margin-right: 5px; font-size: 16px;}
#dec4{ font-size: 14px;border-bottom: 1px solid #dce0e0}
#dec5{ font-size: 14px;border-bottom: 1px solid #dce0e0}
#linkelink{ padding-top: 50px;}
#linkelink .title{ line-height: 50px; font-size: 16px; padding-left:112px;}
.picbody .slide{ float: left; margin-right: 26px;}
#sildePic{ position: relative; padding-left:112px; }
#sildePic .hd{ font-size: 40px;}
#sildePic .hd a{ display: block; position: absolute;  top: 90px;}
#sildePic .hd a.prev{ left: 50px}
#sildePic .hd a.next{ right: 50px}
#sildePic .info { position: relative;}
#sildePic .info .titleH1{ font-size: 16px; line-height: 30px; padding-left: 5px; padding-top: 15px; display: block;}
#sildePic .info .infotxt{ font-size: 14px;line-height: 20px; padding-left: 5px; color: #8b9193}
#sildePic .info .pricede{ position: absolute; z-index: 2; font-size: 14px; background-color: #3c3d3c; color: #fff; padding: 8px 10px; top: -60px; left: 0}
#sildePic .info .pricede span{font-size: 24px;} 
#sildePic .info .txde{ position: absolute; width: 60px; height: 60px; border-radius: 150%; border:2px solid #fff; right: 10px; top:-30px;}
#paymain{ background-color: #f5f5f5}
#toppay{ height: 105px; width: 100%; background: url(/public/img/dd.png) center bottom no-repeat;}
.bgff{ background-color: #fff;}
.blockarea{background-color: #fff; }
.unline{border-bottom: 1px solid #dbdbdb;}
.blockarea .title{ width: 901px; height: 63px;  font-weight: normal; margin-left: 39px; position: relative; font-size: 24px; color: #68b996; padding-left: 17px; padding-top: 22px;}
.blockarea .title .num{ width: 26px; height: 26px; line-height: 26px; color: #fff; font-size: 14px; text-align: center; display: inline-block; background-color: #be9a5c; border-radius: 150%; position: absolute; left: -15px;}
.paytable { width: 882px;}
.paytable td{ padding: 15px; font-size: 14px;}
.nomarlinput{ padding: 10px; border:1px solid #e0e0e0;}
.red{ color: #ff4242}
.normalSe{ padding: 8px; border:1px solid #e0e0e0;}
.narea{border:1px solid #e0e0e0; width: 711px; height: 78px; resize:none; float: left;}
.inblock{ display: block; float: left; padding-top: 10px;}
.tabletype{ width: 921px; font-size: 14px;}
.tabletype td{ padding: 10px;}
.tabletype th{ padding: 10px; border-bottom: 1px solid #e6e6e6}
.w50{ width: 30px;}
.tabletype .w50{ text-align: center;border: 1px solid #e6e6e6; margin-left: 5px; margin-right: 5px;}
.tabletype .pl20{ padding-left: 26px;} 
.tabletype .mis .fa{ cursor: pointer;}
.upline{ border-top: 1px dashed #e6e6e6}
.paybox{ padding: 30px;}
.payitem{ font-size: 14px; color: #666867;border-bottom: 1px solid #e6e6e6;  }
.payitemtitle{ line-height: 40px;}
.radiocss{ width: 165px; height: 52px; line-height: 52px;}
.radiocss{ font-size: 18px; cursor: pointer;}
.pay1{ background: url(/public/img/pay7.png) right center no-repeat;}
.pay2{ background: url(/public/img/pay6.png) right center  no-repeat;}
.pay3{ background: url(/public/img/pay5.png) right center  no-repeat;}
.pay4{ background: url(/public/img/pay4.png) right center no-repeat;}
.pay5{ background: url(/public/img/pay3.png) right center no-repeat;}
.pay6{ background: url(/public/img/pay2.png) right center no-repeat;}
.pay7{ background: url(/public/img/pay1.png) right center no-repeat;}
.font18{ font-size: 18px;}
#aggxy{ line-height: 60px; font-size: 16px; cursor: pointer;}
#sumje{ font-size: 18px; padding-right: 140px;}
#sumje span{ font-size: 24px; color: #fd0522}
#paybtn{ display: block; margin-left: 60px; margin-top: 20px; width: 115px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background-color: #0ea49e;}
#title1{ font-size: 24px; text-align: center;}
#title1 .fa{ font-size: 36px; color: #a9b7b7}
#title1 span{ color: #ed3e3e; padding-left: 10px;}
#sinfo{ width: 508px; font-size: 14px; line-height: 30px;}
.bbton{ width: 135px; height: 39px; color: #fff; background-color: #000; text-align: center; font-size: 20px; line-height: 39px;}
#headerindex{ height: 80px; width: 100%; position: absolute; top: 0;left: 0; background: rgba(255,255,255,.7);}
#indexbg img{ width: 100%; display: block;}
.topbtn{ color: #666; font-size: 14px; line-height: 34px; margin-top: 5px;}
.topbtn span{ padding: 0 5px;}
.topbtn .fa{ margin-right: 2px; font-size: 18px;}
.ttel{ font-size: 18px; color: #666; margin-top: 0px;}
.ttel .fa{ margin-right: 5px;font-size: 22px;}
#indexbg2{ height: 305px; background: url(/public/img/index2bg.jpg) #e8e8e8 center top; width: 100%}
.index2bg{
    padding-left: 53px;
    padding-top: 61px;
}
.index2bg .pull-left{ margin-left: 2px; width: 226px;}
#selectBox.h37{ height: 70px;}
#selectBox .index .selectItem{ width: 298px; margin-top: 18px;}
#selectBox .index .select{ background-color: #fff; border-radius: 5px; width: 298px;}
.indexbtn{ width: 104px; height: 37px; margin-top: 18px; margin-left: 50px; background-color: #69b996; color: #fff; line-height: 37px; cursor: pointer; float: left; text-align: center; border-radius: 3px;}
#indextab{ height: 51px; padding-top: 15px; border-bottom: 1px solid #c5c3c3; background-color: #f8f6e2;}
#indexmain{background-color: #f8f6e2; padding-bottom: 57px;}
#indextab li.hover,#indextab li.hover{ color:#0ea49e }
#indextab li{ line-height: 17px; cursor: pointer; width: 250px; text-align: center; border-left:1px solid #000; height: 17px; float: left; font-size: 16px;}
#indextab li.first{ border:none;}
#tabmain li{ float: left; width: 383px; height: 376px; position: relative; margin-right: 34px;}
#tabmain{ padding-top: 49px;}
.ininfo{ position: relative; padding-left: 15px;}
.indexinfo{ height: 74px; background: rgba(255,255,255,.8); width: 100%; position: absolute; left: 0; bottom: 0; padding-top: 16px;}
.titleindex{ font-size: 14px; line-height: 26px; padding-left: 10px;}
.indextags span{ padding-right: 18px; line-height: 30px;}
.indexprice{ position: absolute; right: 10px; top: 15px; font-size: 18px;}
#tabmain li.mr0{ margin-right: 0px;}
#indexsutitle{ height: 124px; width: 100%; background-color: #f8f5e2; position: relative; }
#indexsutitle .line{ border-bottom: 1px solid #c6c1c7;  height: 75px; width: 100%;}
#tabul2,#tabul3,#tabul4{ display: none;}
.indexj{ position: relative;}
#indexj1 .indexprice{ right: 30px;}
/*#indexsutitle1{ height: 122px; width: 100%;  background: url(../images/indexdj1.jpg) center top;}*/
.indexj .indexinfo{ display: none;}
.indexb{ position: relative;}
.indexb .titleindex{ padding-left: 0; line-height: 22px;}
.indexb .indexinfo{ background: rgba(0,0,0,.5); bottom: 42px; display: none; padding-top: 0; color: #fff}
.indexb .indexinfo p{ line-height: 16px; opacity: .8}
#indexfooter{  }
#indexfoot1{ height: 100px; background: url(/public/img/foot1.jpg) center  top}
#footerm ul{ float: left; font-size: 14px; line-height: 24px; margin-right: 50px; padding-left: 50px; margin-top: 40px;}
#right-ad{ width: 80px;  display: none; height: 200px; position: fixed; top: 139px; z-index: 10; right: 10px; background: url(/public/img/rad.jpg);}
.common-btn{ display: block; width: 80px; height: 79px;}
.l2{ margin-top: 1px;}
.arrow-btn{ width: 80px; height: 40px; display: block;}
.indebxtx{ border-radius: 150%; left: 10px; top: 10px; position: absolute; z-index: 10; width: 80px; height: 80px; padding: 4px; background: rgba(255,255,255,.5);}
#indexsutitle1{ width: 203px; margin-left: -102px;}
#indexsutitle  .txt{ position: absolute; left: 50%; font-size: 26px; color: #666465; top: 55px; background:#f8f5e2; text-align: center; }
#indexsutitle .fa{ color: #c5c3c4; font-size: 14px; margin: 0 8px; position: relative;  top: -3px;}
#indexsutitle2{width: 180px; margin-left: -90px;}
.h80{ height: 80px;}
#bread{ line-height: 39px;height: 39px; background-color: #d9d9d7; border-top: 1px solid #eaeae9; font-size: 14px;}
#usermain{ background-color: #f2f2f2; padding-top:20px; padding-bottom: 40px;}
#usernav{ width: 202px; padding-top: 25px; background-color: #90908f}
#usertx{ width: 94px; height: 94px; border-radius: 150%; }
#usertx img{border-radius: 150%; width: 94px; height: 94px; }
#usersub{ text-align: center; color: #fff;}
#usersub a{ color: #fff; margin: 0 12px; line-height: 30px;}
.usernavul { padding-bottom: 40px;}
.usernavul li{ height: 34px; line-height: 34px; width: 100%;}
.usernavul li a{ display: block; height: 34px; padding-left: 67px; background: url(/public/img/userico.png) no-repeat 26px 0; font-size: 16px; color: #fff;}
.usernavul li a.hover,.usernavul li a:hover{ background-color: #0ea49e;}
#usericofw{ background-position: 26px 4px}
#usericojh{ background-position: 26px -28px}
#usericozr{ background-position: 26px -60px}
#usericodz{background-position: 26px -96px}
#usericozl{background-position: 26px -129px}
#userright{ padding-left: 20px; width: 995px;}
#userlistStyle1>li{ width: 453px; position: relative; height: 221px; background-color: #f7f3e7; float: left; margin-right: 10px; margin-bottom: 10px; position: relative;overflow: hidden;}
#userlistStyle1>li img.pull-left{ display: block;width:200px;height:220px;}
#userlistStyle1>li .userinfo{ width: 235px; padding-left: 10px;}
#userlistStyle1>li .userinfo h2{ font-size: 14px; font-weight: normal; line-height: 40px;}
#userlistStyle1>li .infolistitem{ font-size: 14px; color: #666; line-height: 30px; padding-left: 5px;}
#userlistStyle1>li .tofg{ position: absolute; text-align: center; z-index: 1;width: 453px; height: 221px; line-height: 224px; left: 0; top: 0; display: none; }
#userlistStyle1>li .tofg .togfBg{background-color: #000;opacity: .6;filter:alpha(opacity=60);width: 453px; height: 221px;position: absolute;left: 0; top: 0;z-index: 2}
#userlistStyle1>li .tofg .togfMain{position: absolute;z-index: 3;}
#userlistStyle1>li:hover .tofg{ display: block;}
#userlistStyle1>li .tofg a{ color: #fff; font-size: 14px; padding: 0 40px;}
#userlistStyle1>li .tofg a:hover{ color: #68b996}
#userlistStyle1>li .infolistitem .fa{ font-size: 16px;}
#userlistStyle1>li .infolistitem .fa-jpy{ margin-left: 5px;}
#userlistStyle1>li .towbg{position: absolute; padding-left: 27px; padding-top: 27px; z-index: 1; background: rgba(255,255,255,.85);width: 453px; height: 221px;  left: 0; top: 0; display: none; }
#userlistStyle1>li:hover .towbg{ display: block;}
.infopitem{ font-size: 16px; color: #666; line-height: 26px;}
.infopitem .fa{ font-size: 18px; margin-right: 2px;}
.userbtn{ font-size: 16px; color: #fff; text-align: center; background-color: #666666; display: block; text-align: center; height: 30px; line-height: 30px; width: 136px;}
#userlistStyle2 li{ width: 451px; height: 292px; margin-right: 10px; margin-bottom: 10px;float: left; position: relative;}
#userlistStyle2 li .towbg{ position: absolute; width: 451px; height: 292px; background: rgba(255,255,255,.85); left: 0; top: 0; padding-top: 36px; padding-left: 31px; font-size: 14px; display: none;}
#userlistStyle2 li .towbg .ititle{ font-size: 16px;}
#userlistStyle2 li .towbg .ititle .fa{ margin-right: 5px;}
#userlistStyle2 li .towbg .iitem{ line-height: 30px;}
#userlistStyle2 li .towbg  .patiymrbtn{ background-color: #666; width: 136px; height: 29px; text-align: center; line-height: 29px; font-size: 14px; color: #fff; display: block; margin-top: 15px;}
#userlistStyle2 li .towbg  .upayitem{ padding-right: 20px; margin-left: 5px;cursor: pointer;}
#userlistStyle2 li .towbg  .upayitem .fa{ margin-right: 2px; }
#userlistStyle2 li:hover .towbg{ display: block;}
#userlistStyle3 li{ width: 278px;height: 224px; position: relative;margin-right: 20px; margin-bottom: 20px;float: left;}
#userlistStyle3 li .towbg{ position: absolute; width: 278px; height: 224px; background: rgba(255,255,255,.85); left: 0; top: 0; padding-top: 26px; padding-left: 26px; font-size: 14px; display: none;}
#userlistStyle3 li .towbg .ititle{ font-size: 16px;}
#userlistStyle3 li .towbg .ititle .fa{ margin-right: 5px;}
#userlistStyle3 li .towbg .iitem{ line-height: 24px;}
#userlistStyle3 li .towbg  .patiymrbtn{ background-color: #666; width: 136px; height: 29px; text-align: center; line-height: 29px; font-size: 14px; color: #fff; display: block; margin-top: 15px;}
#userlistStyle3 li .towbg  .upayitem{ padding-right: 20px; margin-left: 5px;cursor: pointer;}
#userlistStyle3 li .towbg  .upayitem .fa{ margin-right: 2px; }
#userlistStyle3 li:hover .towbg{ display: block;}
.housePopup{
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(0,0,0,.5);
    display: none;
}
.housePopup .housePopupMain{
    width: 435px;
    position: absolute;
    left: 0px;
    top:40%;
    right:0px;
    bottom:0px;
    margin:0 auto;
    border:1px solid #fff;
    background-color: #fff;
    height:463px;
}
.housePopup .housePopupMain table{
    display: block;
    height: 74px;
    width:100%;
    border-bottom: 1px solid #fff;
}
.housePopup .housePopupMain table td{
    vertical-align: middle;
}
.housePopup .housePopupMain textarea {
    resize: none;
    width: 100%;
}
.housePopup .housePopupMain p{
    background-color:#68b996;
    color: #fff;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
}
.housePopup .housePopupMain .trMiddle td{
    height: 89px;
}
.housePopup .housePopupMain .trMiddle td span{
     color: #68b996
 }
.housePopup .housePopupMain a{
    line-height:52px;
    display: block;
    width:100%;
    height:52px;
    background-color: #68b996;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.housePopup .housePopupMain .fa{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.userPopupIcon{
    display: inline-block;
    width: 28px;
    height:25px;
    background: url("/public/img/userPopup.png") no-repeat;
    vertical-align: middle;
}
.popuptotal{
    background-position: 0px -105px;
}
.describe{
    background-position: 0px -199px;
}
@media (max-width: 768px) {
    .w1217{
        width: 100%;
    }
    #userright{
        width: 566px;
    }
}